<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Dom事件</title>
</head>
<body>
<style>
    /*由于页面最初加载时，会显示{{}}标签，解决办法为加上一下代码,"v-cloak"关键字换成别的可实现功能，但会报错*/
    [v-cloak] {
        display: none;
    }
</style>
<div id="app" v-cloak>
    <p><input type="text" v-model="message"></p>

    <p>
        <!--click事件直接绑定一个方法-->
        <button @click="greet">Greet</button>
    </p>
    <div @click="say('Hi')">Hi</div>
</div>


<script src="../modules/vue.js"></script>
<script>

    var vm = new Vue({
        el: '#app',
        data: {
            message: 'hello vueJS!'
        },

        // 在 `methods` 对象中定义方法
        methods: {
            greet: function () {
                alert(this.message);
            },
            say: function (msg) {
                alert(msg);
            }
        }

    });


</script>
</body>
</html>